import {
  mobile,
  backend,
  creator,
  web,
  javascript,
  typescript,
  html,
  css,
  reactjs,
  redux,
  tailwind,
  nodejs,
  mongodb,
  git,
  figma,
  docker,
  meta,
  starbucks,
  tesla,
  shopify,
  carrent,
  jobit,
  tripguide,
  threejs, webpack, vue, vite, zhongche, season, bigScreen, maroWorld, backgroundCar
} from "../assets";

export const navLinks = [
  {
    id: "about",
    title: "自我介绍",
  },
  {
    id: "work",
    title: "工作经历",
  },
  {
    id: "contact",
    title: "和我联络",
  },
];

const services = [
  {
    title: "前端开发",
    icon: web,
  },
  {
    title: "后端开发",
    icon: creator,
  },
  {
    title: "移动端开发",
    icon: mobile,
  },
  {
    title: "3D建模开发",
    icon: backend,
  },

];

const technologies = [
  {
    name: "HTML 5",
    icon: html,
  },
  {
    name: "CSS 3",
    icon: css,
  },
  {
    name: "JavaScript",
    icon: javascript,
  },
  {
    name: "TypeScript",
    icon: typescript,
  },
  {
    name: "Vue",
    icon: vue,
  },
  {
    name: "React JS",
    icon: reactjs,
  },
  {
    name: "Webpack",
    icon: webpack,
  },
  {
    name: "Vite",
    icon: vite,
  },

  // {
  //   name: "Redux Toolkit",
  //   icon: redux,
  // },
  {
    name: "Tailwind CSS",
    icon: tailwind,
  },
  {
    name: "Node JS",
    icon: nodejs,
  },
  // {
  //   name: "MongoDB",
  //   icon: mongodb,
  // },
  {
    name: "Three JS",
    icon: threejs,
  },
  {
    name: "git",
    icon: git,
  },
  // {
  //   name: "figma",
  //   icon: figma,
  // },
  // {
  //   name: "docker",
  //   icon: docker,
  // },
];

const experiences = [
  {
    title: "江苏中车数字科技有限公司",
    company_name: "React开发（实习）",
    icon: zhongche,
    iconBg: "#ffffff",
    date: "2021-06 - 2021-12",
    points: [
      "使用React.js和其他相关技术开发和维护web应用程序.",
      "与包括设计师、产品经理和其他开发人员在内的团队合作，创造高质量的数字产品.",
      "实现响应式设计并确保跨浏览器兼容性.",
    ],
  },
  {
    title: "江苏世轩科技股份有限公司",
    company_name: "医疗系统开发",
    icon: season,
    iconBg: "#ffffff",
    date: "2022-11 - 至今",
    points: [
      "负责配合产品经理对项目进行需求采集、项目功能设计等.",
      "现场与客户沟通，确定研发需求，制定研发周期规划任务.",
      "参与项目研发，搭建项目框架.",
      "负责项目的功能维护及老项目的重构.",
    ],
  },

];

const testimonials = [
  {
    testimonial:
      "I thought it was impossible to make a website as beautiful as our product, but Rick proved me wrong.",
    name: "Sara Lee",
    designation: "CFO",
    company: "Acme Co",
    image: "https://randomuser.me/api/portraits/women/4.jpg",
  },
  {
    testimonial:
      "I've never met a web developer who truly cares about their clients' success like Rick does.",
    name: "Chris Brown",
    designation: "COO",
    company: "DEF Corp",
    image: "https://randomuser.me/api/portraits/men/5.jpg",
  },
  {
    testimonial:
      "After Rick optimized our website, our traffic increased by 50%. We can't thank them enough!",
    name: "Lisa Wang",
    designation: "CTO",
    company: "456 Enterprises",
    image: "https://randomuser.me/api/portraits/women/6.jpg",
  },
];

const projects = [
  {
    name: "医共体大屏",
    description:
      "基于Vue2.0、Webpack、Echarts和particles对集合医共体下各个医疗机构数据进行可视化展示，展示内容包括门诊、收入、药品详情等信息。",
    tags: [
      {
        name: "vue2.0",
        color: "blue-text-gradient",
      },
      {
        name: "echarts",
        color: "green-text-gradient",
      },
      {
        name: "particles",
        color: "pink-text-gradient",
      },
    ],
    image: bigScreen,
    source_code_link: "http://runze_liu.gitee.io/lufeng-screen",
  },
  {
    name: "开放世界",
    description:
      "融合了Blender建模、添加与烘焙纹理、导入Three.js、配合后期处理及自定义shader，从零搭建web3D开放世界。",
    tags: [
      {
        name: "Three.js",
        color: "blue-text-gradient",
      },
      {
        name: "Blender",
        color: "green-text-gradient",
      },
      {
        name: "Shader",
        color: "pink-text-gradient",
      },
    ],
    image: maroWorld,
    source_code_link: "http://runze_liu.gitee.io/immersive-world",
  },
  {
    name: "模拟汽车",
    description:
      "Three.js项目，添加Cannon物理碰撞效果，可以通过键盘对小车进行控制。引用了gsap动画库，对页面可见模型添加动画。",
    tags: [
      {
        name: "nextjs",
        color: "blue-text-gradient",
      },
      {
        name: "supabase",
        color: "green-text-gradient",
      },
      {
        name: "css",
        color: "pink-text-gradient",
      },
    ],
    image: backgroundCar,
    source_code_link: "https://runze_liu.gitee.io/background-car/",
  },
];

export { services, technologies, experiences, testimonials, projects };
